body{ overflow-x:hidden;}
body{ color:#3b3b3b; height:auto; box-sizing:border-box; font-size:14px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#595757; text-decoration:none;}
a:hover{ text-decoration:none; color:#001d68;}
i,em{ font-style:normal;}

.iProCase .img img{transition: all 0.3s ease-out;}
.iBannerHome .pd img{transition: all 2s ease-out;}
.logo img{ transition:opacity 0.4s ease-out;}

.newsA .img{ overflow:hidden;}
.newsA .img img{transition: all 1s ease-out;}
.newsA .pd:hover .img img{ transform:scale(1.05,1.05);}

.caseTab .slick-arrow,
.menu .h3 em,
.menu .h3 i,
.ipt_b1,
.joinCon3_1 .i:before{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{ display:block; box-sizing: border-box; position:absolute; top:50%; right:-8px;font-size: 11px;z-index: 10; width:40px; height:40px; padding:7px; margin-top:-20px; transition: all 0.2s ease-out; display:none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block; margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:1px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -6px;content: " ";}
.menu-link span:after {top:6px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#001d68; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#001d68; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.wp{ width:1400px; margin:0 auto; position: relative;}

.header{ position:fixed; left:0px; padding:0; right:0px; z-index:9;}
.logo{ position:absolute; left:0px; top:50%; font-size:58px; margin-top:-0.5em; line-height:1;}
.logo img{ height:1em; width:auto; display:block;}
.logo .img1{ visibility:visible; opacity:1;}
.logo .img2{ visibility:hidden; opacity:0; position:absolute; left:0px; top:0px;}

.menu{ text-align:center; padding-left:140px;}
.menu ul{ display:inline-block; vertical-align:bottom;}
.menu li{ float:left; margin:0 15px; position:relative;}
.menu .h3{}
.menu .h3 a{ font-size:16px; position:relative; padding:0 2px; display:block; line-height:84px; height:84px; color:#fff;}
.menu .h3 a:before{ content:''; position:absolute; height:2px; left:0px; right:0px; bottom:0px; background:#fff; display:none;}
.menu .h3 em{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 em:before { content: "\e85a"; }
.menu .h3 i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu .h3 i:before { content: "\e604";}
.menu .h3 i.active:before { content: "\e606"; }
.menu li.curr .h3 a:before{ display:block;}
.menu .box1{ display:none; position:absolute; left:50%; width:160px; margin-left:-80px; top:100%; padding-top:8px;}
.menu .box1 .pd{ border-radius:5px; text-align:center; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:10px 0;}
.menu .box1 .pd:before{ position:absolute; left:50%; top:0px; margin-left:-7px; content:''; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:8px solid #fff;}
.menu .box1 a{ display:block; color:#000; line-height:30px; height:30px; overflow:hidden;}
.menu .box1 a:hover{ background:#182547; color:#fff;}
.menu .box2{ position:fixed; display:none; width:100vw; padding:20px 0; top:84px; left:0px; right:0px; margin:0px; background:#f0f0f0;}
.menu .box2 .pd{ width:1100px; margin:0 auto; background:none;}
.menu .box2 a{ width:20%; float:left; line-height:2.75em; padding:0.625em; border-radius:6px; box-sizing:border-box; font-size:16px;}
.menu .box2 .npd{ display:inline-block; vertical-align:bottom;}
.menu .box2 em{ float:left; width:1em; text-align:center; font-size:2.5em;}
.menu .box2 span{ float:left; display:block; margin-left:1em;}
.menu .box2 a:hover{ background:#ffffff; color:#001d68;}
.menu .box2_2 a{ width:33.3333%;}
.menu .box2_2 a:nth-child(3) span{ padding-right:2em;}
.menu .box2_2 a:nth-child(4) span{ padding-right:2em;}

.menu li:hover .h3 a{}
.menu li:hover .h3 a:before{ display:block;}
.menu li:hover .box2{ display:block;}

.tSearch{ top:50%; margin-top:-20px; position:absolute; right:0px; color:#fff;}
.tSearch .i{ display:block; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative;}
.tSearch .box{ position:absolute; top:50%; margin-top:-18px; right:40px; width:0px; overflow:hidden;}
.tSearch .pd{ width:260px; margin:0 auto; position:relative;}
.ipt_t1{ width:100%; box-sizing:border-box; height:36px; border:none; border-radius:18px; background:#fff; padding:0 25px; color:#333; }
.ipt_b1{ position:absolute; right:0px; top:0px; height:36px; border:none; color:#fff; border-radius:0 26px 26px 0; background:#001d68; width:50px; text-align:center;}

.tSearch.active .box{ width:260px;}
.tSearch.active .i{ color:#001d68;}
.tSearch.active .i:before{ content:'\e80c';}
.tSearch:hover .i{ color:#7bbc30; }

.subNav{ position:fixed; right:15px; top:50%; z-index:9; width:60px; margin-top:-114px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; line-height:60px; background:rgba(34,34,34,0.9); color:#fff; text-align:center; font-size:32px; position:relative;}
.subNav .box{ display:none; display:block; position:absolute; right:100%; top:0px; padding-right:2px; display:none;}
.subNav li.li1 .box{ width:200px; }
.subNav li.li1 .pd{ background:#001d68; color:#fff; line-height:30px; padding:15px 20px; font-size:18px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li1 .box a{ color:#fff; font-size:20px;}
.subNav li.li1 .box a:hover{ text-decoration:underline;}
.subNav li.li1 .box i{ font-size:20px; margin-right:5px;}
.subNav li.li2 .pd{}
.subNav li.li3 .box{ width:160px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li3 .box img{ width:100%; height:auto; display:block;}
.subNav li:hover .h3 a{ background:#001d68; color:#fff;}
.subNav li:hover .box{ display:block;}

.pbody{ padding-top:84px;}
.pbody .logo{ font-size:72px;}
/*.body_fix .logo{ font-size:40px;}*/

.body_fix .logo .img1,
.pbody .logo .img1{ visibility:hidden; opacity:0;}
.body_fix .logo .img2,
.pbody .logo .img2{ visibility:visible; opacity:1;}

.body_fix .header,
.pbody .header{ top:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:0px;}
.pbody .menu .h3 a{ color:#3b3b3b; height:84px; line-height:84px;}
/*.body_fix .menu .h3 a{ font-size:14px; color:#3b3b3b; height:58px; line-height:58px;}*/
.body_fix .menu .h3 a{color:#3b3b3b;}
.body_fix .menu .h3 a:hover,
.pbody .menu .h3 a:hover{ color:#001d68;}
.body_fix .menu .h3 a:before,
.pbody .menu .h3 a:before{ background:#001d68;}
.body_fix .tSearch .i,
.pbody .tSearch .i{ color:#3b3b3b;}
.body_fix .tSearch:hover .i,
.pbody .tSearch:hover .i{ color:#001d68;}
.body_fix .ipt_t1,
.pbody .ipt_t1{ background-color:#f5f5f5;}
.body_fix .tContact a,
.pbody .tContact a{ color:#595757;}
/*.body_fix .box2{ top:58px;}*/

.iBanner{}
.iBanner .swiperDots{ display:block;}
.iBanner .pd{ overflow:hidden; display:block; height:100vh;}
.iBanner .pd img{ height:100vh; width:100.418410041841%;}
.iBanner .swiperDots span{ width:4.75em; height:0.3em; border-radius:0px;}
.iBannerHome .pd img{ transform:scale(1.2);}
.iBannerHome .swiper-slide-active .pd img{ transform:scale(1);}

.tit1{ text-align:center; font-size:20px; line-height:1.2; margin-bottom:2.25em;}
.tit1 strong{ display:block; font-size:1.5em; margin-bottom:0.5em;}
.tit1 strong span{ font-weight:normal;}
.tit1 em{ display:block; color:#898989;}

.mBtnA{ padding:50px 0 0 0; text-align:center;}
.more1{ display:inline-block; vertical-align:bottom; overflow:hidden;}
.more1 i{ width:26px; text-align:center; float:right; margin-left:10px; line-height:26px; display:block; float:right; border:1px solid #ccc; border-radius:50%; font-size:16px;}
.more1 span{ line-height:28px; display:block; float:left;}
.more1:hover span{ color:#001d68;}
.more1:hover i{ background:#001d68; border-color:#001d68; color:#fff;}

.iMain{ background:no-repeat center center; background-size:cover;  padding:60px 0;}
.iMain1{}
.iProCase{ margin-right:-10.66px;}
.iProCase ul{ display:flex;}
/*.iProCase li{ width:25%; float:left; margin-bottom:10px;}*/
.iProCase .pd{ display:block; margin-right:10.66px; position:relative; color:#000;}
.iProCase .img{ background:#000;}
.iProCase .text{ position:absolute; left:35px; top:40px;}
.iProCase .h3{ font-size:22px; line-height:1.3636; margin-bottom:0.5em;}
.iProCase .p{}
.iProCase .m{ display:none; padding-top:10px;}
.iProCase .m em{ display:inline-block; vertical-align:bottom; border:1px solid #fff; border-radius:1.125em; color:#fff; padding:0 1.5em; height:2.25em; line-height:2.25em; font-size:16px;}
.iProCase .m em:hover{ background:#7bbc30; border-color:#7bbc30; color:#fff;}
.iProCase .pd:hover{ color:#fff;}
.iProCase .pd:hover .img img{ opacity:0.4;}
.iProCase .pd:hover .m{ display:block;}
/*.iProCase li:nth-child(1){ position:absolute; left:0px; top:0px;}*/
/*.iProCase li:nth-child(2){ width:50%;}*/
/*.iProCase li:nth-child(3){ width:50%;}*/
/*.iProCase li:nth-child(4){ width:50%;}*/
/*.iProCase li:nth-child(4) .text{ left:auto; right:35px; top:30%;}*/
/*.iProCase li:nth-child(5){ position:absolute; right:0px; top:0px;}*/
/*.iProCase li:nth-child(6){ position:absolute; right:0px; bottom:0px;}*/
/*.iProCase li:nth-child(6) .pd{ color:#fff;}*/
/*.iProCase li:nth-child(6) .m{ display:block;}/*/

.iMain1_2{ padding-top:40px;}
.iProNav{}
.iProNav li{ float:left; width:20%; text-align:center;}
.iProNav .pd{ display:inline-block; vertical-align:bottom; line-height:44px; font-size:16px;}
.iProNav i{ float:left; width:1em; text-align:center; font-size:2.75em;}
.iProNav span{ float:left; display:block; margin-left:1em;}

.iMain2{ padding:0px !important;}
.videoA{ position:relative; overflow:hidden;}
.videoA video{ position:absolute; left:0px; right:0px; width:100vw; bottom:0%; margin-top:-50vh;}

.iMain3{}
.iMain3_1{ width:66.6666%; float:left;}
.iMain3_2{ width:33.3333%; float:left;}
.iNewsCon{}
.newsA{}
.newsA ul{ margin-right:-30px;}
.newsA li{ float:left; width:50%;}
.newsA .pd{ display:block; margin-right:30px; background:#eee;}
.newsA .img{}
.newsA .text{ padding:30px;}
.newsA .h3{ color:#000; font-size:18px; height:1.5em; overflow:hidden; line-height:1.5;}
.newsA .em{ color:#999; margin-bottom:20px;}
.newsA .p{ color:#666; line-height:1.8; height:3.6em; overflow:hidden;}
.newsA .pd:hover .h3{ color:#001d68;}
.newsB{}
.newsB ul{ background:#eee; padding:40px 30px; margin-left:30px; min-height:462px; box-sizing:border-box;}
.newsB li{ margin-bottom:28px;}
.newsB li:last-child{ margin-bottom:0px;}
.newsB .pd{ display:block;}
.newsB .h3{ color:#000; font-size:18px; height:1.5em; overflow:hidden; line-height:1.5;}
.newsB .em{ color:#999;}
.newsB .pd:hover .h3{ color:#001d68;}

.footer{}
.fTop{ background:#eee;}
.fNav{ float:left; min-height:296px;}
.fNav dl{ float:left; padding:30px; background:url(../image/fNav.png) no-repeat; background-size:100% 100%; min-width:200px; box-sizing:border-box;}
.fNav dt{ font-size:16px; line-height:1.5; margin-bottom:1em;}
.fNav dt a{ color:#333; display:block;}
.fNav dt a:hover{ color:#001d68;}
.fNav dd{}
.fNav dd a{ color:#666; display:block; line-height:1.5; margin-bottom:1em;}
.fNav dd a:last-child{ margin-bottom:0px;}
.fNav dd a:hover{ color:#001d68;}
.fContact{ float:right; text-align:right; font-size:16px; line-height:1.5; padding-top:30px; margin-bottom:80px;}
.fContact .h3{}
.fContact .em{ font-size:1.875em; padding:0.25em 0;}
.fContact .p{}
.fCopy{ float:right; text-align:right; color:#666;}
.fCopy a{ margin-left:0.5em;}
.fLink{ padding:20px 0;}
.fLink li{ float:left; margin-right:1em; color:#999;}
.fLink a{ color:#999;}
.fLink a:hover{ color:#001d68;}

.banner{ overflow:hidden;}
.banner .img img{ width:100.418410041841%; height:auto; display:block;}
.banner .pd{ display:block; position:relative;}
.banner .text{ position:absolute; width:1400px; margin-left:-700px; text-align:left; top:75%; left:50%; font-size:26px; color:##b9b4b4;}
.banner .h3{ line-height:1.2; margin-bottom:0.3em; font-size:1.4615384615384615em;}
.banner .em{}

.banner_pro{}
.banner_pro .h3{ font-size:1.9230769230769231em; font-weight:lighter;}
.banner_pro .em{ line-height:1.5; font-weight:bold;}

.banner_features{}
.banner_features .h3{ font-size:2.3076923076923075em; font-weight:lighter;}
.banner_features .em{ font-size:2.3076923076923075em; line-height:1; font-weight:bold;}

.banner_join{}
.banner_join .h3{ font-size:2.3076923076923075em; font-weight:bold;}
.banner_join .em{ font-size:2.3076923076923075em; line-height:1;}

.banner_solution{}
.banner_solution .h3{ font-size:1.7692307692307692em;}
.banner_solution .em{ font-size:1.1538461538461537em;}

.banner_solution2 .text,
.banner_solution4 .text{ color:#000;}

.proNavA{ background:#333;}
.proNavA ul{}
.proNavA .pd{ line-height:88px; color:#fff;}
.proNavA li.curr,
.proNavA li:hover{ background:#001d68;}

.proSearch{ background:#eee; padding:12px 0;}
.proSearchTit{ line-height:38px; float:left; font-size:16px;}
.proSearchTit strong{ font-size:1.5em; color:#333; float:left;}
.proSearchTit i{ font-size:1em; float:left; margin:0 1em; color:#999;}
.proSearchTit em{ color:#666; float:left;}
.proSearchCon{ float:right; width:384px; position:relative;}
.ipt_t2{ width:100%; box-sizing:border-box; height:38px; border:none; border-radius:6px; background:#fff; padding:0 25px; color:#333; }
.ipt_b2{ position:absolute; right:0px; top:0px; height:38px; border:none; color:#fff; border-radius:0 6px 6px 0; background:#001d68; width:80px; text-align:center;}

.proNavB{ padding:20px 0;}
.proNavB dl{ padding-left:7em; position:relative; line-height:30px; font-size:16px; color:#666;}
.proNavB dt{ position:absolute; left:0px;}
.proNavB dd{ display:block; overflow:hidden;}
.proNavB dd a{ display:block; float:left; padding-left:25px; margin-right:15px; color:#666; position:relative;}
.proNavB dd a:before{ content:''; position:absolute; width:1em; height:1em; border:1px solid #bbb; border-radius:50%; left:0px; top:50%; margin-top:-0.5em; box-sizing:border-box;}
.proNavB dd a.curr:before{ border:4px solid #001d68;}

.mainPro{ padding:15px 0 40px 0;}
.proListA{ background:#eee; padding:50px 135px;}
.proListA .pd{ display:block; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px 25px;}
.proListA .img{}
.proListA .text{ padding:20px; font-size:16px; line-height:1.5; height:4.5em; overflow:hidden; text-align:center;}
.proListA .swiper{ position:relative;}
.proListA .swiperArrow{ display:block;}

.proTop{height:52px; line-height:52px; overflow:hidden;}
.profix{ background:#eee; }
.proCrumbs{ font-size:14px; float:left; color:#999;}
.proTop a{ color:#999;}
.proTop a:hover{ color:#001d68;}
.proTop em{ margin:0 0.5em;}
.proTop span{ color:#001d68;}
.proNavC{ float:right;}
.proNavC a{ padding:0 1.5em; display:block; float:left;}
.proNavC a.curr{ background:#001d68; color:#fff;}

.body_fix .profix{ position:fixed; left:0px; top:58px; right:0px; z-index:8; height:36px; line-height:36px;}

.proFeatures{ background:url(../image/proFeatures.jpg) no-repeat #242424 top center; background-size:cover; color:#fff; padding:35px 0;}
.proFeatures .img{ width:50%; min-height:330px;}
.proFeatures .img img{ width:65%; display:block; margin:0 auto;}
.proFeatures .text{ width:50%; position:absolute; left:50%; top:0px; bottom:0px; right:0px;}
.proFeatures .h3{ font-size:36px; line-height:1.2; margin-bottom:10px;}
.proFeatures .em{ font-size:20px; line-height:1.2; margin-bottom:2em;}
.proFeatures .p{ font-size:16px; position:relative;}
.proFeatures ul{ margin-right:-10px;}
.proFeatures .npd{ border:1px solid #666; border-radius:6px; margin-right:10px; height:60px; padding:20px; position:relative;}
.proFeatures .h4{ line-height:1.5;}
.proFeatures .h5{ line-height:1.5; height:3em;}
.proFeatures .i{ position:absolute; font-size:32px; right:0px; bottom:0px; width:2em; height:2em; text-align:center; line-height:2;}
.proFeatures li{ float:left; width:33.3333%; margin-bottom:10px;}

.tit2{ font-size:18px; line-height:2.6666666666666665; height:2.6666666666666665em; background:#dedede; color:#000; padding:0 34px;}

.proParameter{ padding:40px 0;}
.proFl{ float:left; width:23.57142857142857%; top:0px; box-sizing:border-box; border:1px solid #dedede;}
.prolistB{ padding:34px;}
.prolistB li{ margin-bottom:30px;}
.prolistB .pd{ display:block; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.prolistB .img{}
.prolistB .text{ text-align:center; font-size:16px; line-height:1.5; height:4.5em; overflow:hidden;}
.proFr{ width:75%; float:right; box-sizing:border-box; border:1px solid #dedede;}
.porInfo{ padding:20px;}
.table{}
.table table{ width:100%; margin-bottom:1em; border-collapse:collapse; border:1px solid #dbdbdb; text-align:center; font-size:14px;}
.table tr:first-child th,
.table tr:first-child td{ background:#000; border:1px solid #dbdbdb; padding:10px; color:#fff; font-size:16px;}
.table td,
.table th{ border:1px solid #dbdbdb; padding:10px;word-break:break-all;}
.table img{ width:100%; height:auto; display:inline;}
.table .p{ font-size:18px;}
.table td:nth-child(odd),
.table th:nth-child(odd){ background:#eee; width:20%;}
.table td:nth-child(even),
.table th:nth-child(even){ background:#fff; width:30%;}


.pbanner{ position:relative; overflow:hidden; display:block;}
.pbanner .img{}
.pbanner .img img{ width:100.418410041841%; height:auto; display:block;}
.pbanner .text{ width:1400px; position:absolute; top:0px; bottom:25%; left:50%; margin-left:-700px; font-size:25px; color:#001d68;}
.pbanner .ntd{ padding-right:40%;}
.pbanner .em,
.pbanner .h3{ font-size:1.6em; line-height:1.25; font-weight:bold;}
.pbanner .h3{ margin-bottom:1em;}
.pbanner .p{ font-size:1em;}

.parameterBg{ display:none; background:rgba(0,0,0,0.7); position:fixed; left:0; top:0; right:0; bottom:0; z-index:91;}
.parameterBox{ display:none; position:fixed; width:960px; top:100px; bottom:100px; box-sizing:border-box; padding:50px 15px 50px 40px; left:50%; margin-left:-480px; z-index:92; background:#fff;}
.parameterBox .pd{ overflow:auto; height:100%; padding-right:20px;}
.parameterBox .i{ line-height:2em; font-size:24px; width:2em; height:2em; position:absolute; right:0px; top:0px; text-align:center; cursor:pointer;}
.parameterBox .i:hover{ background:#001d68; color:#fff;}
.parameterTit{ text-align:center; font-size:32px; line-height:1; margin-bottom:1em;}

.adimg{ overflow:hidden;}
.adimg img{ width:100.418410041841%; height:auto; display:block;}
.pCon1{}
.pCon1_1{}
.pCon1_1 ul{ margin-right:-25px;}
.pCon1_1 li{ width:25%; float:left; margin-bottom:25px;}
.pCon1_1 .pd{ font-size:16px; display:block; margin-right:25px; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:5px; padding:2.5em 1em 1em 1em; text-align:center;}
.pCon1_1 .h3{ font-size:1.625em;}
.pCon1_1 .p{ font-size:1em; height:3em; overflow:hidden; line-height:1.5;}
.pCon2{}
.pCon3{ overflow:hidden;}
.pCon3_1{ width:100.418410041841%;}
.pCon3_1 li{ width:50%; float:left;}
.pCon3_1 .pd{}
.pCon4{}
.pCon5{}
.pCon6{ background:#444; color:#fff;}
.pCon6 .tit1 em{ color:#fff;}


.tit3{ font-size:24px; text-align:center; margin-bottom:3em; color:#000;}
.tit3 .t{ font-size:2.0833333333333335em;}
.pMain{ padding:100px 0; background:no-repeat center center; background-size:cover;}
.featuresCon1{}
.featuresCon2{}
.featuresCon2 .tit3{ color:#fff;}
.featuresCon2_1{ width:60%; margin:0 auto;}
.featuresCon3{ padding:0px !important;}
.featuresCon3 .img{ width:50%; float:right;}
.featuresCon3 .img img{ width:50vw;}
.featuresCon3 .text{ text-align:left; left:0px; position:absolute; right:50%; top:0px; bottom:0px; margin-bottom:0px !important;}
.featuresCon3 .text .t{ margin-bottom:1em;}
.featuresCon3 .text .c{ color:#666666; line-height:2;}
.featuresCon4{}
.featuresCon4 .img{ float:left; width:50%; margin-left:10%;}
.featuresCon4 .img img{ width:65%; margin:0 auto; display:block;}
.featuresCon4 .text{ color:#fff; text-align:left; right:0px; position:absolute; left:50%; top:0px; bottom:0px; margin-bottom:0px !important;}

.joinCon{ padding:80px 0; background:no-repeat center center; background-size:cover;}
.joinCon1{}
.tit4{ font-size:16px; text-align:center; color:#000; margin-bottom:3.75em;}
.tit4 .t{ font-size:2.25em;}
.tit4 .c{ padding:0 20%; color:#666; padding-top:1em;}
.joinCon1 .text{ position:absolute; width:50%; left:50%; margin-left:-25%; text-align:center; top:2em; bottom:0px; margin-bottom:0px;}
.joinCon1_1{ background:url(../image/joinCon1.jpg) no-repeat center center; background-size:45.714285714285713% auto; padding:5em 0;}
.joinCon1_1 li{ width:50%; float:left; padding:4em 0;}
.joinCon1_1 .pd{ font-size:16px; text-align:right; padding:0 45% 0 0;}
.joinCon1_1 .h3{ font-size:1.625em; margin-bottom:0.25em;}
.joinCon1_1 .em{ line-height:2;}
.joinCon1_1 li:nth-child(even) .pd{ text-align:left; padding:0 0 0 45%;}

.joinCon2{ color:#fff;}
.joinCon2 .tit4{ color:#fff;}
.join2_1{}
.join2_1 li{ float:left; width:20%;}
.join2_1 .pd{ margin:0 35px;}
.join2_1 .i{ font-size:56px; line-height:2; height:2em; width:2em; margin:0 auto 0.5em auto; display:block; border:2px solid #0eb8ff; color:#0eb8ff; text-align:center; border-radius:50%; box-shadow:0 0 20px inset rgba(0,180,255,0.5); position:relative;}
.join2_1 .i:before{ position:absolute; left:0px; top:0px; bottom:0px; right:0px; box-shadow:0 0 20px rgba(0,180,255,0.5); border-radius:50%;}
.join2_1 .h3{ text-align:center; font-size:26px; height:1.5em; line-height:1.5; margin-bottom:1em; }
.join2_1 .p{ font-size:16px; line-height:2; height:10em; overflow:hidden;}

.joinCon3{}
.joinCon3_1 li{ width:33.3333%; float:left; margin-bottom:20px;}
.joinCon3_1 .pd{ display:block; margin-right:20px; position:relative;}
.joinCon3_1 .img{ background:#001d68;}
.joinCon3_1 .text{ position:absolute; left:10%; top:16%; right:10%; font-size:26px; line-height:1; color:#fff;}
.joinCon3_1 .i{ font-size:2.5em; margin-bottom:0.4em; position:relative;}
.joinCon3_1 .i:before{ content:'\e927'; display:none; position:absolute; top:100%; left:0px; font-size:3.33em; margin-left:-0.0625em;}
.joinCon3_1 .h3{ margin-bottom:0.5em; font-weight:bold;}
.joinCon3_1 .em{}
.joinCon3_1 li:last-child{ width:100%;}
.joinCon3_1 li:last-child .text{ padding-left:8em;}
.joinCon3_1 li:last-child .i{ margin-left:-3.24em;}
.joinCon3_1 li:last-child .i:before{ display:block;}
.joinCon3_1 li:last-child .h3{ font-size:1.3846153846153846em;}

.pMenu{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); text-align:center;}
.pMenu ul{ display:inline-block; vertical-align:bottom; font-size:18px;}
.pMenu li{ float:left; margin:0 1px;}
.pMenu a{ display:block; padding:0 2.3333333333333335em; line-height:3.7777777777777777em; height:3.7777777777777777em;}
.pMenu li.curr a,
.pMenu a:hover{ background:#072164; color:#fff;}
.aboutCon1{}
.aboutCon1 .wp .aboutCon1_1{ height: 550px;}
.aboutCon1_1 .img{ float:right; width:45%; margin-top: 5%;}
.aboutCon1_1 .text{ position:absolute; right:50%; top:0px; left:0px; bottom:0px; box-sizing:border-box; padding-right:4.285714285714286%; font-size:16px;text-align: justify;}
.aboutCon1_1 .text span{ display:inline-block; width:45%; }
.aboutCon1_1 .h3{ font-size:1.625em; line-height:1.5; margin-bottom:1em;}
.aboutCon1_1 .p{ line-height:1.4;}
.aboutCon1_1 .p p{ margin-bottom:1em;}
.aboutCon1_1 .p p:last-child{ margin-bottom:0px;}
.aboutCon2{ background:#072164; padding:0px !important;}
.aboutCon2_1{}
.aboutCon2_1 .img{ width:50%;}
.aboutCon2_1 .img img{ width:50vw; float:right;}
.aboutCon2_1 .text{ position:absolute; left:50%; top:0px; right:0px; bottom:0px; box-sizing:border-box; padding-left:4.285714285714286%; font-size:16px; color:#fff;}
.aboutCon2_1 li{ margin-bottom:5.5em;}
.aboutCon2_1 li:last-child{ margin-bottom:0px;}
.aboutCon2_1 .pd{ display:block; position:relative;}
.aboutCon2_1 .i{ position:absolute; font-size:3.125em; width:2em; height:2em; text-align:center; line-height:2em; background:#fff; border-radius:50%; color:#222; left:-9.4%; margin-left:-1em; top:0px;}
.aboutCon2_1 .h3{ font-size:1.625em; line-height:1.5; margin-bottom:0.25em;}
.aboutCon2_1 .p{ line-height:1.875;}
.aboutCon3{}
.aboutCon3_1{}
.aboutCon3_1 li{ float:left; width:25%;}
.aboutCon3_1 .pd{ display:block; margin-right:30%; font-size:16px;}
.aboutCon3_1 .h3{ font-size:1.625em; line-height:1.25;}
.aboutCon3_1 .em{ font-size:1.625em; line-height:1.25; margin-bottom:0.75em;}
.aboutCon3_1 .p{}

.historyCon1{ padding:0 !important;}
.historyCon1_1{ padding:0 40px;}
.historyCon1_1:before{ content:''; position:absolute; left:0px; top:50%; height:1px; background:#ccc; right:0px; bottom:0px;}
.historyCon1_1 .pd{ font-size:16px; margin:250px 15px; position:relative; text-align:center;}
.historyCon1_1 .h3{ padding:0 0 4em 0; line-height:1;}
.historyCon1_1 .h3 strong{ font-size:1.625em; color:#072164;}
.historyCon1_1 .h3:before{ content:''; position:absolute; width:1em; height:1em; border-radius:50%; position:absolute; background:#072164; bottom:2.25em; left:50%; margin-left:-0.5em;}
.historyCon1_1 .p{ position:absolute; top:5em; left:0px; right:0px;}
.historyCon1_1 .swiperArrow{ display:block; font-size:20px; background:#072164; color:#fff;}
.historyCon1_1 .swiperPrev{ left:0px;}
.historyCon1_1 .swiperNext{ right:0px;}
.historyCon1_1 .swiper-slide:nth-child(even) .h3{ padding:4em 0 0 0;}
.historyCon1_1 .swiper-slide:nth-child(even) .h3:before{ top:2.25em; bottom:auto;}
.historyCon1_1 .swiper-slide:nth-child(even) .p{ top:auto; bottom:5em;}

.historyCon2{ padding:0 0 70px 0px; padding-top:0px !important;}
.historyCon2_1{}
.historyCon2_1 li{ margin-bottom:2.5em;}
.historyCon2_1 li:last-child{ margin-bottom:0px;}
.historyCon2_1 .img{}
.historyCon2_1 .text{ position:absolute; left:50%; top:0px; right:0px; bottom:0px; box-sizing:border-box; padding-right:4.285714285714286%; font-size:16px; color:#fff;}
.historyCon2_1 .h3{ font-size:1.625em; line-height:1.2; margin-bottom:0.2em;}
.historyCon2_1 .p{ line-height:1.875;}

.strengthCon1{ background:#e4e4e4;}
.strengthCon1_1{ margin-bottom:3em;}
.strengthCon1_1 .swiper{ padding:20px 0;}
.strengthCon1_1 .pd{ display:block;}
.strengthCon1_1 .swiper-slide{width: 350px;height: 496px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.strengthCon1_1 .swiperArrow{ display:block; font-size:20px; background:#072164; color:#fff;}
.strengthCon1_1 .swiperPrev{ left:0px;}
.strengthCon1_1 .swiperNext{ right:0px;}
.strengthCon1_1 .swiperDots{ display:block; bottom:-3em;}
.strengthCon1_1 .swiperDots span{ background:#333;}
.strengthCon1_1 .swiperDots .swiper-pagination-bullet-active{ background:#3970ff;}

.strengthCon2{}
.strengthCon2_1{ margin-right:-4px;}
.strengthCon2_2{ width:50%; float:left; padding-right:4px; box-sizing:border-box;}
.strengthCon2_2 .swiperDots{ display:block; bottom:4em;}
.strengthCon2_2 .pd{ display:block; position:relative;}
.strengthCon2_2 .text{ position:absolute; left:0px; bottom:0px; right:0px;  background:rgba(0,0,0,0.5); color:#fff;}
.strengthCon2_2 .h3{line-height:2.5; height:2.5em; overflow:hidden; padding:0 1em;}
.strengthCon2_3{ width:50%; float:left; padding-right:4px; box-sizing:border-box;}
.strengthCon2_3 .pd{ display:block; position:relative;}
.strengthCon2_3 .text{ position:absolute; left:0px; bottom:0px; right:0px;  background:rgba(0,0,0,0.5); color:#fff;}
.strengthCon2_3 .h3{line-height:2.5; height:2.5em; overflow:hidden; padding:0 1em;}

.contactCon1{}
.contactCon1_1{}
.contactCon1_1 ul{ margin-right:-40px;}
.contactCon1_1 li{ float:left; width:50%;}
.contactCon1_1 .pd{ margin-right:40px;}
.contactCon1_1 .img{ display:block;}
.contactCon1_1 .text{ margin:-4.375em 2.5em 0 2.5em; font-size:16px; color:#000; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:3.125em; background:#fff; position:relative; z-index:2;}
.contactCon1_1 .h3{ position:relative; line-height:1.2; margin-bottom:0.5em;}
.contactCon1_1 .h3 strong{ font-size:1.625em;}
.contactCon1_1 .h3 a{ font-size:2.125em; position:absolute; width:1.5em; height:1.5em; line-height:1.5em; top:50%; right:0px; margin-top:-0.75em;}
.contactCon1_1 .p{ line-height:2;}


.contactCon2{ background:#f5f5f5;}
.contactCon2_1{}
.contactCon2_1 ul{ margin-right:-30px;}
.contactCon2_1 li{ width:50%; float:left; margin-bottom:30px;}
.contactCon2_1 .pd{ display:block; margin-right:30px; font-size:16px; color:#000; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:3.125em; background:#fff; position:relative; z-index:2;}
.contactCon2_1 dl{ margin-bottom:1em;}
.contactCon2_1 dt{ margin-bottom:0.5em; line-height:1.2; color:#999; font-size:1.625em;}
.contactCon2_1 dd{ overflow:hidden;}
.contactCon2_1 p{ float:left; width:39%;}
.contactCon2_1 p:nth-child(3){ width:22%;}

.newsCon1{ padding-bottom:0px !important;}
.newsCon1wp{ margin-right:-10px;}
.newsCon1_1{ float:left; width:50%;}
.newsCon1_1 .pd{ position:relative; display:block; margin-right:10px;}
.newsCon1_1 .text{ position:absolute; left:0px; bottom:0px; right:0px; background:rgba(51,51,51,0.7); font-size:16px; color:#fff; line-height:70px; padding:0 7em 0 2em;}
.newsCon1_1 .h3{ font-size:1.25em; height:70px; overflow:hidden;}
.newsCon1_1 .em{ position:absolute; right:2em; top:0;}
.newsCon1_2{ float:right; width:50%;}
.newsCon1_2 ul{ margin-right:10px;}
.newsCon1_2 li{ margin-bottom:10px;}
.newsCon1_2 .pd{ position:relative; display:block; padding:2em; background:#eeeeee; font-size:16px; color:#666; padding-right:10em;}
.newsCon1_2 .em{ line-height:1.44;}
.newsCon1_2 .h3{ font-size:1.25em; color:#333; height:1.5em; line-height:1.5; overflow:hidden;}
.newsCon1_2 .p{ font-size:0.875em; height:1.5em; line-height:1.5; overflow:hidden;}
.newsCon1_2 .m{ position:absolute; right:2em; top:50%; width:4.375em; height:0.625em;}
.newsCon1_2 .m i{ font-size:4.375em; display:block; position:absolute; left:50%; top:50%; margin:-0.5em 0 0 -0.5em; width:1em; height:1em; line-height:1em;}
.newsCon1_2 .pd:hover{ background:#001d68; color:#fff;}
.newsCon1_2 .pd:hover .h3{ color:#fff;}
.newsCon2{}
.newsNav{ text-align:center; font-size:18px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.newsNav ul{ display:inline-block; vertical-align:bottom;}
.newsNav li{ margin:0 2.222222em; float:left;}
.newsNav a{ display:block; line-height:2.75; height:2.75em;}
.newsNav li.curr a{ color:#001d68;}
.newsCon2_1{}
.newsCon2_1 ul{ margin-right:-30px;}
.newsCon2_1 li{ margin-bottom:10px; float:left; width:33.3333%;}
.newsCon2_1 li:nth-child(10){ display:none;}
.newsCon2_1 .pd{ position:relative; display:block; padding:2em 0; font-size:16px; color:#666; margin-right:30px; border-bottom:2px solid #eee;}
.newsCon2_1 .em{}
.newsCon2_1 .h3{ font-size:1.25em; color:#333; line-height:1.5; height:1.5em; overflow:hidden;}
.newsCon2_1 .p{ font-size:0.875em; line-height:1.5; height:1.5em; overflow:hidden;}
.newsCon2_1 .pd:hover{ border-color:#001d68;}
.newsCon2_1 .pd:hover .h3{ color:#001d68;}
.newsCon2_1 .pd:hover .p{ color:#001d68;}
.paging{ padding:40px 0; text-align:center;}
.paging .pd{ display:inline-block; vertical-align:bottom;}
.paging li{ float:left;}
.paging a,
.paging span{ margin:0 5px; border:1px solid #ccc; width:2em; border-radius:50%; font-size:18px; text-align:center; height:2em; line-height:2; float:left;}
.paging a:hover,
.paging span:hover,
.paging li.active a,
.paging li.active span{ background:#001d68; border-color:#001d68; color:#fff;}
.paging li.active a,
.paging li.active span{ cursor:default;}
.newsCon3{ background:#f4f4f4;}
.news_info{ font-size:16px;}
.news_tit{ text-align:center; margin-bottom:30px;}
.news_tit h1{ font-size:1.625em; font-weight:bold; color:#000;}
.news_tit p{ font-size:14px; color:#999;}
.news_con{  line-height:2; width:64em; margin:0 auto;}
.news_con *{ line-height:2 !important;}
.news_con img{ max-width:100%; display:inline-block; vertical-align:bottom; height:auto !important; }
.news_con p{ margin-bottom:0.75em;}
.news_m{ color:#666;}
.news_m a{ color:#697c87;}
.news_m a:hover{ color:#001d68;}
.news_m .wpd{ position:relative;}
.news_m .li{ width:39%;}
.news_m .pd{ border:1px solid #ddd; line-height:68px; padding:0 30px; background:#fff; overflow:hidden;}
.news_m strong{ font-weight:normal; float:left;}
.news_m span{}
.news_m i{ font-size:36px; display:inline-block; vertical-align:bottom; margin-right:10px;}
.news_m a{ display:block; height:70px; overflow:hidden; line-height:68px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_m .li1{ float:left;}
.news_m .li2{ float:right;}
.news_m .li3{ position:absolute; width:20%; left:50%; margin-left:-10%; top:0px; text-align:center;}
.nShare{ text-align:center; position:relative; margin-bottom:2.5em;}
.nShare:before{ content:''; position:absolute; left:0px; top:50%; right:0px; background:#aaa; height:1px;}
.nShare ul{ display:inline-block; vertical-align:bottom; background:#f4f4f4; position:relative; z-index:2;}
.nShare li{ float:left;}
.nShare a{ width:1.25em; height:1.25em; font-size:32px; line-height:1.25em; margin:0 0.5em;}
.bshare-custom{ display:none;}
.newsCon4{}
.newsCon4 .tit4{ margin-bottom:1em;}
.newsCon4_1{ border-top:1px solid #eee;}

.sMain{ padding:75px 0;}
.solutionCon1{}
.solutionCon1 .tit4 .t{ color:#001d68;}
.solutionCon1_1{ text-align:center;}
.solutionCon1_1 ul{ display:inline-block; vertical-align:bottom;}
.solutionCon1_1 li{ float:left;}
.solutionCon1_1 .pd{ display:block; font-size:16px; padding:0 4em; border-right:1px solid #ccc;}
.solutionCon1_1 .i{ font-size:3.125em; line-height:1;}
.solutionCon1_1 .h3{ font-size:1.125em;}
.solutionCon1_1 li:last-child .pd{ border-right:none;}
.solutionCon2{ padding:0px !important;}
.solutionCon2_1{ background:#eee;}
.solutionCon2_1 .tit4{ margin-bottom:2em;}
.solutionCon2_1 .swiperArrow{ transform:translateY(35px);}
.solutionCon3{ padding-bottom:0px;}
.solutionCon3_1{}
.solutionCon3_1 ul{ margin-right:-1px;}
.solutionCon3_1 li{ float:left; width:14.285714285714286%;}
.solutionCon3_1 .pd{ display:block; font-size:18px; padding:1em; height:3em; line-height:1.5; margin:-1px 0 0 -1px; position:relative; text-align:center; border:1px solid #ddd;}
.solutionCon4{}
.solutionCon4_1{ margin-right:-8px;}
.solutionCon4_1 .pd{ display:block; background:#000; margin-right:8px;}


@media screen and (max-width:1680px){
.wp{ width:1200px;}
.menu .h3 a{ font-size:14px;}
.menu .box2{ padding:16px 0;}
.menu .box2 a{ font-size:14px;}
.subNav{ width:40px;}
.subNav .h3 a{ line-height:40px; font-size:24px;}
.tit1{ font-size:16px;}
.iProCase .h3{ font-size:16px;}
.iProCase .m em{ font-size:14px;}
.mBtnA{ padding:40px 0 0 0;}
.iProNav .pd{ font-size:14px;}
.iProNav i{ font-size:2.5em;}
.fNav{ min-height:264px;}
.fNav dl{ min-width:150px; padding:20px;}
.fNav dt{ font-size:14px;}
.fContact{ font-size:14px; margin-bottom:60px;}
.iProCase .text{ top:20px; left:20px;}
.iProCase li:nth-child(4) .text{ right:20px;}
.newsA .text{ padding:24px;}
.newsA .h3{ font-size:16px;}
.newsB ul{ padding:32px 24px; min-height:380px;}
.newsB li{ margin-bottom:20px;}
.newsB .h3{ font-size:16px;}
.proSearchTit{ font-size:14px;}
.proSearchCon{ width:320px;}
.proNavB dl{ font-size:14px;}
.proListA{ padding:40px 100px;}
.proListA .pd{ margin:10px 16px;}
.proListA .text{ font-size:14px;}
.solutionCon2_1 .tit4{ margin-bottom:2em;}


.banner .text{ width:1200px; margin-left:-600px; font-size:20px;}
.proFeatures .img{ width:40%;}
.proFeatures .img img{ width:80%;}
.proFeatures .text{ left:40%; width:60%;}
.proFeatures .p{ font-size:14px;}
.proFeatures .h3{ font-size:28px;}
.proFeatures .em{ font-size:18px;}
.tit3{ font-size:18px;}
.featuresCon2_1{ width:75%;}
.tit4{ font-size:14px; margin-bottom:2em;}
.tit4 .t{ font-size:2em;}
.solutionCon3_1 .pd{ font-size:14px; padding:1em 0.5em;}
.joinCon1_1 .pd{ font-size:14px;}
.joinCon1_1 .h3{ font-size:1.5em;}
.joinCon1_1{ background-size:40% auto;}
.joinCon1 .text{ width:40%; margin-left:-20%;}
.joinCon1_1 .pd{ padding:0 40% 0 0;}
.joinCon1_1 li:nth-child(even) .pd{ padding:0 0 0 40%;}
.join2_1 .pd{ margin:0 20px;}
.join2_1 .i{ font-size:36px;}
.join2_1 .h3{ font-size:18px;}
.join2_1 .p{ font-size:14px; line-height:1.5; height:7.5em;}
.joinCon3_1 .text{ font-size:18px;}
.contactCon1_1 .text{ font-size:14px; padding:3em;}
.contactCon2_1 .pd{ padding:3em; font-size:14px;}
.contactCon2_1 dt{ font-size:1.5em;}
.aboutCon1_1 .text{ font-size:14px;}
.aboutCon1_1 .h3{ font-size:1.5em;}
.aboutCon2_1 li{ margin-bottom:2em;}
.aboutCon2_1 .text{ font-size:14px;}
.aboutCon2_1 .h3{ font-size:1.5em;}
.aboutCon2_1 .p{ line-height:1.5;}
.aboutCon2_1 .i{ font-size:2em;}
.aboutCon3_1 ul{ margin-right:-30px;}
.aboutCon3_1 .pd{ font-size:14px; margin-right:30px;}
.aboutCon3_1 .h3{ font-size:1.5em;}
.aboutCon3_1 .em{ font-size:1.5em;}
.pMenu ul{ font-size:16px;}
.pMenu a{ padding:0 2em; line-height:3.5em; height:3.5em;}
.historyCon1_1 .pd{ font-size:14px; margin:200px 10px;}
.historyCon2_1 .text{ font-size:14px;}
.historyCon2_1 .h3{ font-size:1.5em;}
.historyCon2_1 li{ margin-bottom:1.5em;}
.newsCon1_2 .pd{ font-size:14px; padding:1.88em 1.5em;}
.newsCon2_1 .pd{ font-size:14px; padding:1.5em 0;}
.paging a, .paging span{ font-size:14px;}
.newsNav{ font-size:16px;}
.pMain{ padding:80px 0; overflow: scroll;}
.pCon1_1 li{}
.pCon1_1 .h3{ font-size:1.5em;}
.pCon1_1 .pd{ font-size:14px; padding-top:1em;}
.newsCon1_1 .text{ line-height:60px; font-size:14px;}
.newsCon1_1 .h3{ height:60px;}
.news_info{ font-size:14px;}
.news_con{ width:54em;}
.news_m .pd{ line-height:54px;}
.news_m a{ height:54px; line-height:54px;}
.news_m i{ font-size:28px;}
}
@media screen and (max-width:1600px){
.banner .text{ font-size:18px;}
}
@media screen and (max-width:1440px){
.banner .text{ font-size:16px;}
.pMain,
.sMain{ padding:65px 0;}
.historyCon1_1 .swiperArrow{ font-size:18px;}
}
@media screen and (max-width:1366px){
body{ font-size:13px;}
.wp{ width:1100px;}
.newsCon1_2 .pd{ padding:1.5em;}
}
@media screen and (max-width:1024px){
body,
.pbody{ padding:50px 0 40px 0;}
.wp{ width:auto; margin:0 30px;}
.logo .img1{ visibility:hidden; opacity:0;}
.logo .img2{ visibility:visible; opacity:1;}
.header .wp{ margin:0 30px;}
.header{ top:0px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.header .wp{ height:50px;}
.logo,
.pbody .logo{ font-size:32px;}
.body_fix .logo, .pbody .logo{ margin-top:-0.5em;}
.menu-link{ display:block;}
.menu{ display:none; position:fixed; -webkit-transform: translateZ(0); top:50px; width:240px; right:0px; padding:0px;}
.menu ul{ display:block;}
.menu li{ float:none; padding:0px; background:rgba(0,0,0,0.8); width:auto; margin:0px; border-bottom:1px solid #ccc;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; padding:0px;}
.menu .h3 a,
.pbody .menu .h3 a{ height:40px; line-height:40px; text-align:left; position:static; padding:0 30px; color:#fff !important; font-size:14px;}
.menu .h3 a:after{ display:none;}
.menu li:hover .h3 a{ background-color:#001d68; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu .h3 i{ display:block;}
.menu .h3 em{ display:block;}
.menu .box{ position:static; margin:0px !important; width:auto !important;}
.menu .box:before{ display:none;}
.menu .box .pd{ float:none;}
.menu .box1{ padding:0px;}
.menu .box1 .pd{ border-radius:0px; box-shadow:none;}
.menu .box1 .pd:before{ display:none;}
.menu .box2 .npd{ display:block;}
.menu .box a{ float:none; position:static; display:block; margin:0px; padding:0px; text-align:center; background:none; width:auto; line-height:2em;}
.menu .box2 .pd{ width:auto;}
.menu .box2 em{ display:none;}
.menu .box2 span{ float:none; margin-left:0px; width:auto; padding-right:0px !important;}
.menu .box2_2 a:last-child span{ padding:0px;}
.tSearch{ right:30px; color:#000;}
.tSearch .box{ position:fixed; left:0px; top:50px; right:0px; margin:0px; width:auto; height:0px; background:rgba(0,0,0,0.5);}
.tSearch .pd{ width:80%;}
.tSearch.active .box{ width:auto; height:40px; padding:20px 0;}
.ipt_t1{ background:#fff !important;}
.tContact{ right:75px;}
.tContact a{ color:#595757;}
.subNav{ left:0px; bottom:0px; right:0px; top:auto; width:auto; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li{ width:25%; float:left; margin-bottom:0px;}
.subNav .h3{ border-right:1px solid #f5f5f5 !important;}
.subNav .h3 a{ font-size:20px; line-height:40px; background:#fff; color:#000;}
.subNav li:last-child .h3{ border-right:none;}
.subNav li.li1 .box{ bottom:40px; right:0px; width:auto; padding-right:0px; left:0px; top:auto; position:fixed;}
.subNav li.li1 .pd{ box-shadow:none; text-align:center;}
.subNav li.li1 .pd .p{ display:inline-block; vertical-align:bottom; margin:0 10px;}
.subNav li.li3 .box{ position:absolute; bottom:100%; top:auto; left:50%; width:140px; margin-left:-70px;}
.subNav li.li3 .h3 a:after{ font-size:10px; top:5px;}
.swiperDots{ bottom:2em;}
.iBanner .pd{ height:auto;}
.iBanner .pd img{ height:auto; width:100%;}
.iBanner .swiperDots span{ width:2em;}
.newsB ul{ min-height:351px;}
.newsB li{ margin-bottom:15px;}
.fNav{ display:none;}
.fTop{ padding:30px 0;}
.fContact{ float:none; text-align:center; margin-bottom:20px; padding:0px;}
.fContact .em{ line-height:1;}
.fCopy{ float:none; text-align:center;}


.pMain,
.sMain{ padding:50px 0;}
.banner .text{ left:30px; width:auto; right:30px; margin:0px; font-size:14px;}
.banner .pd{ background:#001d68;}
.banner .img{ opacity:0.5;}
.banner .text{ text-align:center; top:35%;}
.proNavA .pd{ line-height:66px;}
.proNavB dl{}
.mainPro{ padding-top:0px;}
.pCon3_1{ width:100%;}
.tit3{ font-size:14px;}
.tit3 .t{ font-size:1.5em;}
.featuresCon2_1{ width:80%;}
.featuresCon3 .text .t{ margin-bottom:0.5em;}
.featuresCon3 .text .c{ line-height:1.75;}
.featuresCon4 .img{ width:40%;}
.solutionCon1_1 .pd{ padding:0 3em; font-size:14px;}
.joinCon1_1{ padding:0px;}
.joinCon1_1 .h3{ font-size:1.25em;}
.joinCon1_1 .p br{ display:none;}
.joinCon1 .text .t{ font-size:1.5em;}
.joinCon1 .text .c{ padding-top:0.5em;}
.join2_1 .pd{ margin:0 10px;}
.join2_1 .h3{ margin-bottom:0.5em;}
.join2_1 .i{ font-size:28px;}
.joinCon3_1 .text{ font-size:14px;}
.contactCon1_1 .text{ padding:2em;}
.contactCon1_1 ul{ margin-right:-30px;}
.contactCon1_1 .pd{ margin-right:30px;}
.contactCon2_1 ul{ margin-right:-20px;}
.contactCon2_1 li{ margin-bottom:20px;}
.contactCon2_1 .pd{ padding:2em; margin-right:20px;}
.contactCon2_1 dt{ font-size:1.25em;}
.aboutCon1_1 .h3{ font-size:1.25em;}
.aboutCon2_1 .h3{ font-size:1.25em;}
.aboutCon2_1 li{ margin-bottom:1em;}
.aboutCon3_1 .h3{ font-size:1.25em;}
.aboutCon3_1 .em{ font-size:1.25em;}
.historyCon1_1 .swiperArrow{ font-size:16px;}
.newsCon1_1{ width:auto; float:none; margin-bottom:30px;}
.newsCon1_2{ width:auto; float:none;}
.newsCon2_1 li{ width:50%;}
.newsCon2_1 li:nth-child(10){ display:block;}
.newsCon1_2 .m{ display:none;}
}
@media screen and (max-width:960px){
.iProCase ul{ padding:0px;}
.iProCase li{ width:50%;}
.iProCase li:nth-child(1){ position:static;}
.iProCase li:nth-child(5){ position:static;}
.iProCase li:nth-child(6){ position:static;}
.iProCase li:nth-child(6) .img{ overflow:hidden;}
.iProCase li:nth-child(6) .img img{ width:269.375%;}
.iProNav .pd{ line-height:inherit;}
.iProNav i{ display:block; margin:0 auto 10px auto; line-height:1; float:none;}
.iProNav span{ margin-left:0px;}
.iMain3_1{ width:auto; float:none; margin-bottom:30px;}
.iMain3_2{ width:auto; float:none;}
.newsB ul{ margin-left:0px; min-height:inherit;}
.proNavA{ padding:15px 0; padding:0px; margin:0px -25px;}
.proNavA .pd{ padding:15px 0;}
.proNavA li{ border-bottom:1px solid rgba(255,255,255,0.5);  border-right:1px solid rgba(255,255,255,0.5); box-sizing:border-box; margin-top:0px !important;}
.proNavA ul{ margin:0px;}
.proSearchTit{ float:none; overflow:hidden;}
.proSearchCon{ float:none; width:auto;}
.proNavB dl{ padding-left:0px;}
.proNavB dt{ position:static;}
.proListA{ padding:40px 50px;}
.swiperPrev{ left:20px;}
.swiperNext{ right:20px;}
.pCon1_1 li{ width:50%;}
.parameterBox{ left:0px; top:0px; right:0px; bottom:0px; width:auto; margin:0px; padding:30px 15px 30px 30px;}
.parameterBox .pd{ padding-right:10px;}
.parameterTit{ font-size:24px;}
.table table{ font-size:12px;}
.joinCon1 .text{ position:relative; left:auto; top:auto; bottom:auto; margin:0px; width:auto; text-align:center; background:url(../image/joinCon1.jpg) no-repeat center center; background-size:auto 100%; margin-bottom:2em; padding:10em 0 6em 0;}
.joinCon1_1{ background:none;}
.joinCon1_1 li{ width:auto; float:none; padding:0px; margin-bottom:1em;}
.joinCon1_1 li:last-child{ margin-bottom:0px;}
.joinCon1_1 .pd{ padding:0px !important; text-align:left; text-align:center !important;}
.join2_1 li{ width:auto; float:none; margin-bottom:2em;}
.join2_1 li:last-child{ margin-bottom:0px;}
.join2_1 .pd{ position:relative; padding-left:80px; margin:0px;}
.join2_1 .i{ position:absolute; left:0px; top:0px; margin-bottom:0px;}
.join2_1 .h3{ text-align:left;}
.join2_1 .p{ height:auto; min-height:3em;}
.joinCon1_1 .p{ color:#999;}
.joinCon3_1 li{ width:auto; float:none; margin-bottom:2em;}
.joinCon3_1 .pd{ margin-right:0px;}
.joinCon3_1 .img{ display:none;}
.joinCon3_1 .text{ position:relative; left:auto; top:auto; bottom:auto; right:auto; color:#333; padding-left:60px;}
.joinCon3_1 .i{ position:absolute; left:0px; top:0px;}
.joinCon3_1 .p{ line-height:1.5; color:#999;}
.joinCon3_1 .h3,
.joinCon3_1 li:last-child .h3{ font-size:1.25em; font-weight:normal;}
.joinCon3_1 li:last-child .i{ margin-left:0px;}
.joinCon3_1 li:last-child .i:before{ display:none;}
.joinCon3_1 li:last-child .text{ padding-left:60px;}
.contactCon1_1 ul{ margin-right:0px;}
.contactCon1_1 li{ width:auto; float:none; margin-bottom:30px;}
.contactCon1_1 li:last-child{ margin-bottom:0px;}
.contactCon1_1 .pd{ margin-right:0px;}
.contactCon2_1 ul{ margin:0px;}
.contactCon2_1 li{ width:auto; float:none; margin-bottom:30px;}
.contactCon2_1 li:last-child{ margin-bottom:0px;}
.contactCon2_1 .pd{ margin:0px;}
.aboutCon1_1 .img{ width:auto; float:none;}
.aboutCon1_1 .text{ position:static; padding:30px 0 0 0;}
.aboutCon2 .wp{ margin:0px;}
.aboutCon2_1 .img{ width:auto; float:none; height:300px; overflow:hidden;}
.aboutCon2_1 .img img{ width:auto; float:none; margin-top:-20%;}
.aboutCon2_1 .text{ position:static; padding:30px;}
.aboutCon2_1 .pd{ padding-left:70px; position:relative;}
.aboutCon2_1 .i{ left:0px; margin-left:0px;}
.aboutCon3_1 ul{ margin-right:-10px;}
.aboutCon3_1 li{ width:auto; float:none; width:50%; float:left; margin-bottom:10px;}
.aboutCon3_1 .pd{ display:block; background:#ccc; padding:30px 30px 10px 30px; margin-right:10px;}
.aboutCon3_1 .h3{ text-align:center;}
.aboutCon3_1 .em{ text-align:center;}
.aboutCon3_1 .p{ height:4.5em;}
.historyCon2_1 .text{ position:static; color:#333; padding:30px 0 0 0;}
.historyCon2_1 .h3{ font-size:1.25em;}
.news_con{ width:auto;}
.nShare{ display:none;}
.news_tit{ padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #ccc;}
}
@media screen and (max-width:768px){
.solutionCon1_1 .pd{ font-size:12px; padding:0 1.1em;}
.solutionCon1_1 .i{ font-size:2.25em;}
.solutionCon1_1 .h3{ font-size:1em;}
.solutionCon3_1 li{ width:50%;}
.solutionCon3_1 li:nth-child(8),
.solutionCon3_1 li:nth-child(9),
.solutionCon3_1 li:nth-child(13),
.solutionCon3_1 li:nth-child(14){ display:none;}
.solutionCon4{ padding-top:0px;}
.solutionCon4_1 .swiperDots{ display:block; bottom:-30px;}
.solutionCon4_1 .swiperDots span{ background:#ddd;}
.news_m .li{ width:auto; float:none;}
.news_m .li3{ width:auto; position:static; margin:0px;}
.news_m .pd{ line-height:44px;}
.news_m a{ height:44px; line-height:44px;}
}
@media screen and (max-width:640px){
.banner .pd{ background:#001d68;}
.banner .img{ opacity:0.5;}
.banner .img img{ width:150%; margin-left:-25%;}
.banner .text{ text-align:center; top:35%; font-size:14px;}
.banner_pro .h3{ font-size:1.5em;}
.banner_solution .h3{ font-size:1.5em;}
.banner_join .h3{ font-size:1.75em;}
.banner_join .em{ font-size:1.75em;}
.banner_features .h3{ font-size:1.25em;}
.banner_features .em{ font-size:1.5em;}
.banner_solution2 .text, .banner_solution4 .text{ color:#fff;}

.proListA{ background:none; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.proListA .pd{ margin:0px; box-shadow:none;}
.swiperArrow{ border:1px solid #ccc; box-shadow:3px 3px 6px rgba(0,0,0,0.1);}

.iProNav i{ font-size:2em;}
.proCrumbs{ display:none;}
.proTop{ height:32px; line-height:32px;}
.profix{ position:fixed; top:50px; left:0px; right:0px; z-index:8;}
.proTop .wp{ margin:0px;}
.proNavC{ float:none;}
.proNavC a{ width:50%; padding:0px; text-align:center;}
.tit1{ font-size:14px; margin-bottom:2em;}
.tit1 strong{ font-size:1.25em;}
.fCopy p{ display:inline;}

.strengthCon1_1{ padding:0 15%;}
.strengthCon1_1 .swiperArrow{ font-size:16px; display:none;}
.strengthCon1_1 .swiper{ padding:0px;}
.strengthCon1_1 .swiperPrev{ left:20px;}
.strengthCon1_1 .swiperNext{ right:20px;}
.strengthCon1_1 .swiper-slide{ width:100%; height:100%; box-shadow:none;}
.adimg{ overflow:hidden;}
.adimg img{ width:120%; margin-left:-10%;}
.featuresCon2_1{ width:100%;}
.featuresCon3 .wp{ margin:0px;}
.featuresCon3 .img{ width:auto; float:none;}
.featuresCon3 .img img{ width:100%; height:auto; display:block;}
.featuresCon3 .text{ position:static; text-align:center; padding:30px 0;}
.featuresCon4 .text{ font-size:10px;}
.tit4 .t{ font-size:1.5em; line-height:1.25; margin-bottom:0.25em;}
.tit4 .c{ padding:0;}
.contactCon2_1 p{ display:block; width:100% !important; float:none;}
.aboutCon3_1 .pd{ padding:15px 15px 5px 15px}
.aboutCon3_1 .p{ height:7.5em;}
.strengthCon2_2{ width:auto; float:none; padding-right:0px; margin-bottom:2.8px;}
.strengthCon2_3{ width:auto; float:none; padding-right:0px;}
.newsCon2_1 ul{ margin-right:0px;}
.newsCon2_1 li{ width:auto; float:none; margin-bottom:0px;}
.newsCon2_1 .pd{ margin-right:0px;}
.newsCon2_1 .p{ font-size:1em;}
.newsNav li{ margin:0 5px;}
.newsNav a{ padding:0 0.5em;}
.paging a, .paging span{ font-size:12px;}

.iProNav li{ width:33.3333%;}
.iProNav li:nth-child(4),
.iProNav li:nth-child(5){ width:50%; margin-top:10px;}
}
@media screen and (max-width:540px){
.wp,
.header .wp{ margin:0 25px;}
.iMain{ padding:40px 0;}
.iMain1_2{ padding-top:20px;}
.iProCase ul{ margin-right:-5px;}
.iProCase .pd{ margin-right:5px;}
.iProCase li{ margin-bottom:5px;}
.iProCase .text{ left:10px; top:10px;}
.iProCase .h3{ font-size:14px;}
.iProCase .em{ font-size:10px;}
.iProCase .m em{ font-size:10px;}
.mBtnA{ padding-top:20px;}
.iMain3_1{ margin-bottom:20px;}
.newsA ul{ margin-right:-10px;}
.newsA .pd{ margin-right:10px;}
.newsA .text{ padding:10px;}
.newsA .em{ margin-bottom:10px;}
.newsB ul{ padding:15px;}
.newsB .pd{ overflow:hidden; position:relative;}
.newsB .h3{ float:left; margin-right:70px; font-size:14px;}
.newsB .em{ float:right; position:absolute; right:0px; top:0px;}
.newsB li{ margin-bottom:10px;}


.pCon1_1 ul{ margin-right:0px;}
.pCon1_1 li{ width:100%; margin-bottom:10px;}
.pCon1_1 .p{ height:auto;}
.pCon1_1 .pd{ margin-right:0px;}
.pCon1_1 .h3{ font-size:16px;}
.pCon1_1 .p{ color:#999;}
.pCon3_1 li{ width:auto; float:none;}
.solutionCon1_1 ul{ display:block;}
.solutionCon1_1 li{ float:none; display:inline-block; vertical-align:bottom;}
.solutionCon1_1 li:nth-child(5){ margin-top:15px;}
.solutionCon1_1 li:nth-child(5) .pd{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
.contactCon1_1 .text{ margin:0px;}
.aboutCon3_1 ul{ margin-right:0px;}
.aboutCon3_1 li{ width:auto; float:none;}
.aboutCon3_1 .p{ height:auto;}
.aboutCon3_1 .pd{ padding:20px; margin-right:0px;}
.pMenu a{ padding:0 1em; line-height:3em; height:3em; font-size:14px;}
.historyCon1_1{ padding:0 30px;}
.historyCon1_1 .swiperArrow{ font-size:12px;}
.historyCon1_1 .pd{ margin-left:5px; margin-right:5px;}
.newsCon1_1 .text{ font-size:12px; line-height:40px; padding:0 6em 0 1em;}
.newsCon1_1 .h3{ height:40px;}
.newsCon1_1 .em{ right:1em;}
.proSearchTit strong{ font-size:1.25em;}
.solutionCon1 .tit4 .t{ font-size:1.25em;}
}
@media screen and (max-width:413px){
body{ font-size:12px;}
.wp,
.header .wp{ margin:0 20px;}
.iProNav .pd{ font-size:12px;}
.solutionCon1_1 .pd{ padding:0 0.75em;}
.historyCon1_1 .pd{ font-size:12px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.wp,
.header .wp{ margin:0 15px;}
}

.pNavFix .navBtn{ display:none;}

.template{}
.template img{ width:100%; height:auto; display:block; margin-bottom:10px;}

.crumbs{ height:24px; line-height:24px; padding:15px 0; background:#f9f9f9; margin-top:60px;}
.crumbs a{ color:#666;}
.crumbs a:hover{ text-decoration:underline;}
.crumbs em{ color:#666; margin:0 3px;}
.crumbs span{ color:#000;}

.search{ background:#fff;}
.searchCon{ width:80%; margin:0 auto;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #043785; padding-left:14px; margin-bottom:24px;}
.search_list{ min-height:50vh;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#043785; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

.proInfo4{ background:#f5f5f5;}
.proInfo5{ background:#fff;}
@media screen and (max-width:1440px){
.search_list ul{ width:auto;}
.search_list .h3{ font-size:14px;}
.search_list .p{ font-size:12px;}
}
@media screen and (max-width:1024px){
.crumbs{ margin-top:0px;}
.searchCon{ width:auto;}
}





.case{}
.case .swiper{ margin-right:-20px;}
/*.case li{ width:25%; float:left; margin-bottom:20px;}*/
.case .pd{ display:block; border:1px solid #ccc; margin-right:20px; margin-bottom:50px;}
.case .img{}
.case .text{ padding:20px;}
.case .h3{ font-size:18px; color:#000; margin-bottom:1em; height:1.5em; line-height:1.5; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.case .p{}
.case dl{ overflow:hidden; margin-bottom:5px;}
.case dt{ float:left; color:#969696; margin-right:5px;}
.case dd{ overflow:hidden; color:#333;}
.case dl.dl1{}
.case dl.dl2{}
.case dl.dl3{}
.case dl.dl4{}
.case dl.dl5{}
.case dl.dl6{}
.case dl.dl5 dd,
.case dl.dl6 dd{ height:3em; overflow:hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.case .swiperArrow{ display:none;}
.case .swiperPrev{ left:-3em;}
.case .swiperNext{ right:-3em;}
.case .swiperDots{ display:block; bottom:0px;}
.case .swiperDots span{ background:#ccc;}


.caseInfo{ padding:40px 0 40px 0;}

.caseFor{ margin-bottom:10px;}
.caseFor .pd{ border-radius:22px 0 22px 0; background:#fff; display:block;}
.caseFor img{ border-radius:22px 0 22px 0;}
.caseTop{ margin-bottom:40px;}
.caseTop .img{ width:40%; float:left;}
.caseTop .text{ width:60%; float:left; box-sizing:border-box; padding-left:40px;}
.caseTop .h3{ font-size:24px; line-height:1.5; margin-bottom:30px;}
.caseTop .p{ margin-bottom:30px;}
.caseTop dl{ overflow:hidden; margin-bottom:5px;}
.caseTop dt{ float:left; color:#969696; margin-right:5px;}
.caseTop dd{ overflow:hidden; color:#333;}
.caseTop .t{ color:#000; font-size:18px; margin-bottom:0.5em;}
.caseTop .c{ color:#666;}


.caseTab .single-item{ margin-right:-8px;}
.caseTab .pd{ margin-right:8px; cursor:pointer; display:block; position:relative; padding:1px; margin-top:12px;}
.caseTab .pd:before{ content:''; position:absolute; border:1px solid #001d68; left:0px; right:0px; top:0px; bottom:0px; display:none;}
.caseTab .pd:after{ content:''; position:absolute; background: no-repeat; width:12px; height:12px; top:-10px; left:50%; margin-left:-6px; display:none;}
.caseTab .pd span{ display:block; text-align:center; height:32px; line-height:32px; color:#5f5f5f;}
.caseTab img{ border:1px solid #ddd; background:#fff; width:100%; height:auto; display:block; box-sizing:border-box;}
.caseTab .slick-current img{ border-color:#001d68;}
.caseTab .slick-current .pd:before,
.caseTab .slick-current .pd:after{ display:block;}
.caseTab .slick-current .pd span{ color:#111}

.caseTab .slick-arrow{ position:absolute; z-index:2; width:24px; line-height:24px; height:24px; padding:0px; background:#d6d6d6; border-radius:50%; text-align:center; border:none; top:50%; margin:-12px 0 0 0; font-size:14px;}
.caseTab .slick-arrow:before{ font-size:14px; color:#fff;}
.caseTab .slick-prev{ left:-12px;}
.caseTab .slick-prev:before{content: "\e8ea";}
.caseTab .slick-next{ right:-4px;}
.caseTab .slick-next:before{content: "\e8e9";}
.caseTab .slick-arrow:hover{ background:#001d68;}

.caseCon{}
.caseCon .t{ border-bottom:1px solid #ccc; margin-bottom:20px;}
.caseCon .t strong{ font-weight:bold; font-size:18px; display:inline-block; vertical-align:bottom; background:#001d68; color:#fff; padding:0 1.5em; line-height:2.5; height:2.5em; border-radius:5px 5px 0 0;}
.caseCon .c{}
.caseCon .c img{ max-width:100%; height:auto; display:inline-block; vertical-align:bottom;}

.caseInfo2{ margin-bottom:80px;}

@media screen and (max-width:980px){
.caseTop .img{ width:auto; float:none;}
.caseTop .text{ width:auto; float:none; padding:30px 0 0 0;}
.proTop{ display:none;}
}